<section class="content-header clearfix">
    <div class="pull-right">
        <div class="btn-tools">
            <button class="btn btn-primary btn-sm refresh-btn">
                <i class="fa fa-refresh"></i> 刷新
            </button>
        </div>
    </div>
</section>
<section class="content">
    <div class="row orders_dashboard">
        <div class="col-lg-3 col-xs-6">
            <div class="small-box bg-aqua">
                <div class="inner">
                    <h3 style="font-size: 24px;">
                        <span class="orders_today_count">-</span> /
                        <span class="orders_today_feeString">-</span> /
                        <span class="orders_today_totalAlipayFeeString">-</span>
                    </h3>
                    <p>今日(订单数/总佣金/总支付金额)</p>
                </div>

                <div class="inner">
                    <h3 style="font-size: 24px;">
                        <span class="users_today_count">-</span> /
                        <span class="agency_today_count">-</span>
                    </h3>
                    <p>今日(用户数/代理数)</p>
                </div>

                <div class="inner">
                    <h3 style="font-size: 24px;">
                        <span class="withdraws_today_count">-</span> /
                        <span class="withdraws_today_total_amount">-</span>
                    </h3>
                    <p>今日(提现数/提现金额)</p>
                </div>
                <div class="icon"><i class="ion ion-person-add"></i></div>
            </div>
        </div>
        <div class="col-lg-3 col-xs-6">
            <div class="small-box bg-green">
                <div class="inner">
                    <h3 style="font-size: 24px;">
                        <span class="orders_yesterday_count">-</span> /
                        <span class="orders_yesterday_feeString">-</span> /
                        <span class="orders_yesterday_totalAlipayFeeString">-</span>
                    </h3>
                    <p>昨日(订单数/总佣金/总支付金额)</p>
                </div>

                <div class="inner">
                    <h3 style="font-size: 24px;">
                        <span class="users_yesterday_count">-</span> /
                        <span class="agency_yesterday_count">-</span>
                    </h3>
                    <p>昨日(用户数/代理数)</p>
                </div>

                <div class="inner">
                    <h3 style="font-size: 24px;">
                        <span class="withdraws_yesterday_count">-</span> /
                        <span class="withdraws_yesterday_total_amount">-</span>
                    </h3>
                    <p>昨日(提现数/提现金额)</p>
                </div>
                <div class="icon"><i class="ion ion-person-add"></i></div>
            </div>
        </div>
        <div class="col-lg-3 col-xs-6">
            <div class="small-box bg-yellow">
                <div class="inner">
                    <h3 style="font-size: 24px;">
                        <span class="orders_last7days_count">-</span> /
                        <span class="orders_last7days_feeString">-</span> /
                        <span class="orders_last7days_totalAlipayFeeString">-</span>
                    </h3>
                    <p>近7天(订单数/总佣金/总支付金额)</p>
                </div>

                <div class="inner">
                    <h3 style="font-size: 24px;">
                        <span class="users_last7days_count">-</span> /
                        <span class="agency_last7days_count">-</span>
                    </h3>
                    <p>近7天(用户数/代理数)</p>
                </div>

                <div class="inner">
                    <h3 style="font-size: 24px;">
                        <span class="withdraws_last7days_count">-</span> /
                        <span class="withdraws_last7days_total_amount">-</span>
                    </h3>
                    <p>近7天(提现数/提现金额)</p>
                </div>
                <div class="icon"><i class="ion ion-person-add"></i></div>
            </div>
        </div>
        <div class="col-lg-3 col-xs-6">
            <div class="small-box bg-red">
                <div class="inner">
                    <h3 style="font-size: 24px;">
                        <span class="orders_last30days_count">-</span> /
                        <span class="orders_last30days_feeString">-</span> /
                        <span class="orders_last30days_totalAlipayFeeString">-</span>
                    </h3>
                    <p>近30天(订单数/总佣金/总支付金额)</p>
                </div>

                <div class="inner">
                    <h3 style="font-size: 24px;">
                        <span class="users_last30days_count">-</span> /
                        <span class="agency_last30days_count">-</span>
                    </h3>
                    <p>近30天(用户数/代理数)</p>
                </div>

                <div class="inner">
                    <h3 style="font-size: 24px;">
                        <span class="withdraws_last30days_count">-</span> /
                        <span class="withdraws_last30days_total_amount">-</span>
                    </h3>
                    <p>近30天(提现数/提现金额)</p>
                </div>
                <div class="icon"><i class="ion ion-person-add"></i></div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="box box-default">
                <div class="box-header with-border">
                    <h3 class="box-title">订单数量走势图</h3>
                </div>
                <div class="box-body">
                    <div class="chart">
                        <canvas id="ordersCountLineChart" style="height: 250px; width: 1117px;" width="1117"
                                height="250"></canvas>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="box box-default">
                <div class="box-header with-border">
                    <h3 class="box-title">佣金走势图</h3>
                </div>
                <div class="box-body">
                    <div class="chart">
                        <canvas id="ordersFeeStringLineChart" style="height: 250px; width: 1117px;" width="1117"
                                height="250"></canvas>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="box box-default">
                <div class="box-header with-border">
                    <h3 class="box-title">总支付金额走势图</h3>
                </div>
                <div class="box-body">
                    <div class="chart">
                        <canvas id="ordersTotalAlipayFeeStringLineChart" style="height: 250px; width: 1117px;"
                                width="1117"
                                height="250"></canvas>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="box box-default">
                <div class="box-header with-border">
                    <h3 class="box-title">用户增长走势图</h3>
                </div>
                <div class="box-body">
                    <div class="chart">
                        <canvas id="usersCountLineChart" style="height: 250px; width: 1117px;"
                                width="1117"
                                height="250"></canvas>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="box box-default">
                <div class="box-header with-border">
                    <h3 class="box-title">提现数量走势图</h3>
                </div>
                <div class="box-body">
                    <div class="chart">
                        <canvas id="withdrawsCountLineChart" style="height: 250px; width: 1117px;"
                                width="1117"
                                height="250"></canvas>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="box box-default">
                <div class="box-header with-border">
                    <h3 class="box-title">提现金额走势图</h3>
                </div>
                <div class="box-body">
                    <div class="chart">
                        <canvas id="withdrawsTotalAmountLineChart" style="height: 250px; width: 1117px;"
                                width="1117"
                                height="250"></canvas>
                    </div>
                </div>
            </div>
        </div>
    </div>

</section>